<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="nav1.css">
    <link rel="stylesheet" href="xuanxk2.css">
    <script src="../后台/./axios.min.js"></script>
    <style>
      footer{
        overflow: hidden;
        text-align: center;

        }
        .car{
        width: 1100px;;
        border: 1px solid #F88020;
        border-radius: 18px;
        /* margin-left: 300px; */
        margin: auto;


        }
        .car .good{
        background-color: #f56;
        height:55px;
        font-size: 22px;
        color:white;
        line-height: 55px;
        font-weight: 200;
        border-radius: 18px 18px 0 0;
        margin-bottom: 20px;

        }
        .car .good table{
        width:100%;
        }
        .car .goods{
        /* height:75px; */
        /* background-color: white; */
        /* line-height: 45px; */
        font-size: 20px;
        font-weight: 200;
        }
        .car .goods table{
        width:100%;
        }
        .car .goods table .btn1{
        width: 70px;
        height:28px;
        border: 2px solid #46B3E6;
        background-color: white;
        color: #46B3E6;
        border-radius: 4px;
        font-weight: 600;
        }
        .car .goods table button:hover{
        background-color: #46B3E6;
        color: white;
        }
        .car .goods1{
        margin-top: 10px;
        /* background-color: ; */
        height:50px;
        font-size: 19px;
        color:white;
        line-height: 50px;
        font-weight: 200;
        border-radius:0 0 10px 10px ;
        }
        .car .goods2{
        border-top: 1px solid #768cee;
        margin-top: 10px;
        height:50px;
        font-size: 19px;
        line-height: 50px;
        font-weight: 200;
        border-radius:0 0 10px 10px ;
        }
        .car .goods1 table{

        width:100%;
        }
        .car .goods1 .btn2{
        width: 70px;
        height:28px;
        border: 2px solid #21BF73;
        background-color: white;
        color: #21BF73;
        border-radius: 4px;
        font-weight: 600;
        }
        .car .goods1 .btn2:hover{
        color:white;
        background-color: #21BF73;
        }
        .car .goods1 .btn3{
        width: 80px;
        height:30px;
        border: 2px solid #FF0000;
        background-color: white;
        color: #FF0000;
        border-radius: 4px;
        font-weight: 600;
        }
        .car .goods1 .btn3:hover{
        color:white;
        background-color:#FF0000 ;
        }
        img{
            width: 50px;
            height: 50px;
        }
        .tda{
            width: 150px;
        }
        .goods .daa{
            width: 400px;
        }
        .trr-r{
            height: 100px; background-color: white;
        }

    </style>
</head>
<body>
    <body style="background-color: #ededef;">
        <header>
            <div class="header-to">
                <div class="header-to2">
                    <p class="header-logo"></p>
                    <div class="header-zh">
                        <p><a href="../登录/注册.html">注册</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="../登录/登录.html">登录</a></p>
                    </div>
                    <p class="header-fr">
                        <input type="text" class="fr2" placeholder="请输入你想搜索的商品或店铺">
                        <a href=""></a>
                    </p>
                </div>
            </div>
        </header>

        <!-- <> -->
        <div class="nav-fr">
            <div class="nav-fr-r">
                <ul>
                    <a href="" class="nav-a">首页</a>
                    <a href="../萌宠库/./萌物库.html">萌物库</a>
                    <a href="../品牌馆/./品牌馆.html">品牌馆</a>
                    <a href="">同袍社区</a>
                    <div class="nav-r">
                        <a href="" style="color: #f46;"><i></i>店铺入住</a>
                    </div>
                </ul>
            </div>
        </div>


        <footer>
            <div class="car">

                <div class="good">
                    <table>
                        <tr style="position: relative;">
                            <td style="position: absolute; left: 10px; ">图片</td>
                            <td >商品名称 </td>
                            <td  style="position: absolute; right: 233px;">单价</td>
                            <td style="position: relative;right: -244px ;">数量</td>
                            <td  style="position: relative;right:-90px ;">操作</td>
                        </tr>
                    </table>
                </div>
                <div class="goods"  >
                    <!-- <table>
                        <tr class="trr-r">
                            <a href=""></a>
                            <td><img src="1.png" alt=""></td>
                            <td  class="daa"> </td>
                            <td >99</td>
                            <td class="tda" >1</td>
                            <td ><a><button class="btn1">删除</button></a></td>
                            
                            </a>
                        </tr>
                    </table> -->
                </div>
                <script src="gwu.js"></script>
               
                <div class="goods2">
                    <table>
                        <tr>
                            <td width=560></td>
                            <td width=20%>小计：</td>
                            <td>总数：</td>
                        </tr>
                    </table>
                </div>
                <div class="goods1">
                    <table>
                        <tr>
                            <td width=50%><button class="btn2">确认购买</button></td>
                            <td><button class="btn3">全部清空</button></td>
                        </tr>
                    </table>
                </div>

            </div>
           
        </footer>

        
</body>
</html>